<section [ngStyle]="tagData.cssStyle|styleFilter">
  <ng-container *ngIf="tagData.data.headDiv">
    <div [ngStyle]="tagData.data?.headDiv?.box?.outerBoxCssStyle|styleFilter">
      <div class="header-bg 1" [ngStyle]="tagData.data?.headDiv?.box?.cssStyle|styleFilter">
        <div class="head-top" *ngIf="tagData.data?.headDiv?.headerBox"
        [ngStyle]="tagData.data?.headDiv?.headerBox?.firstText?.cssStyle | styleFilter">
          <div class="box">
            <span [ngStyle]="tagData.data?.headDiv?.headerBox?.firstText?.labelCssStyle | styleFilter">{{tagData.data?.headDiv?.headerBox?.firstText?.label}}</span>
            <span [ngStyle]="tagData.data?.headDiv?.headerBox?.firstText?.leftLabelCssStyle | styleFilter">{{tagData.data?.headDiv?.headerBox?.firstText?.leftLabel}}</span>
          </div>
        </div>
        <div class="head-item 1" *ngIf="tagData.data?.headDiv?.secondRow?.firstText"
          [ngStyle]="tagData.data?.headDiv?.secondRow?.firstText.cssStyle | styleFilter">
          <p class="label"></p>
          <p class="totalLabel" [ngStyle]="tagData.data?.headDiv?.secondRow?.firstText.valueCssStyle | styleFilter">
            {{tagData.data?.headDiv?.secondRow?.firstText.label}}
          </p>
        </div>
        <div class="head-item 2" *ngIf="tagData.data?.headDiv?.firstRow?.secondText"
          [ngStyle]="tagData.data?.headDiv?.firstRow?.secondText?.cssStyle | styleFilter">
          <p class="label" [ngStyle]="tagData.data?.headDiv?.secondRow?.secondText.labelCssStyle | styleFilter">
            {{tagData.data?.headDiv?.firstRow?.secondText?.label}}</p>
          <p class="memberValue" [ngStyle]="tagData.data?.headDiv?.secondRow?.secondText.cssStyle | styleFilter">
            {{tagData.data?.headDiv?.secondRow?.secondText.label}}
          </p>
        </div>
        <div class="head-item 3" *ngIf="tagData.data?.headDiv?.firstRow?.thirdText"
          [ngStyle]="tagData.data?.headDiv?.firstRow?.thirdText?.cssStyle | styleFilter">
          <p class="label" [ngStyle]="tagData.data?.headDiv?.firstRow?.thirdText?.labelCssStyle | styleFilter">
            {{tagData.data?.headDiv?.firstRow?.thirdText?.label}}</p>
          <p class="value" [ngStyle]="tagData.data?.headDiv?.secondRow?.thirdText?.valueBox?.cssStyle | styleFilter">
            <span [ngStyle]="tagData.data?.headDiv?.secondRow?.thirdText?.firstText?.cssStyle | styleFilter">
              {{tagData.data?.headDiv?.secondRow?.thirdText?.firstText?.label}}</span>
            <span [ngStyle]="tagData.data?.headDiv?.secondRow?.thirdText?.secondText?.cssStyle | styleFilter">
              {{tagData.data?.headDiv?.secondRow?.thirdText?.secondText?.label}}</span>
          </p>
        </div>
        <div class="head-item 4" *ngIf="tagData.data?.headDiv?.firstRowBox"
        [ngStyle]="tagData.data?.headDiv?.firstRowBox?.left?.cssStyle | styleFilter">
          <div class="left">
            <img *ngIf="tagData.data?.headDiv?.firstRowBox?.left?.icon" [src]="tagData.data?.headDiv?.firstRowBox?.left?.icon" [ngStyle]="tagData.data?.headDiv?.firstRowBox?.left?.iconCssStyle | styleFilter">
            <span [ngStyle]="tagData.data?.headDiv?.firstRowBox?.left?.labelCssStyle | styleFilter">{{tagData.data?.headDiv?.firstRowBox?.left?.label}}</span>
          </div>
          <div class="right">
            <span [ngStyle]="tagData.data?.headDiv?.firstRowBox?.right.cssStyle | styleFilter">{{tagData.data?.headDiv?.firstRowBox?.right?.label}}</span>
          </div>
        </div>
        <div class="head-item 5" *ngIf="tagData.data?.headDiv?.secondRowBox"
        [ngStyle]="tagData.data?.headDiv?.secondRowBox?.left?.cssStyle | styleFilter">
          <div class="left">
            <img *ngIf="tagData.data?.headDiv?.secondRowBox?.left?.icon" [src]="tagData.data?.headDiv?.secondRowBox?.left?.icon" [ngStyle]="tagData.data?.headDiv?.secondRowBox?.left?.iconCssStyle | styleFilter">
            <span [ngStyle]="tagData.data?.headDiv?.secondRowBox?.left?.labelCssStyle | styleFilter" >{{tagData.data?.headDiv?.secondRowBox?.left?.label}}</span>
          </div>
          <div class="right">
            <span [ngStyle]="tagData.data?.headDiv?.secondRowBox?.right.cssStyle | styleFilter">{{tagData.data?.headDiv?.secondRowBox?.right?.label}}</span>
          </div>
        </div>
        <div class="head-item 6" *ngIf="tagData.data?.headDiv?.thirdRowBox"
        [ngStyle]="tagData.data?.headDiv?.thirdRowBox?.left?.cssStyle | styleFilter">
          <div class="left">
            <img *ngIf="tagData.data?.headDiv?.thirdRowBox?.left?.icon" [src]="tagData.data?.headDiv?.thirdRowBox?.left?.icon" [ngStyle]="tagData.data?.headDiv?.thirdRowBox?.left?.iconCssStyle | styleFilter">
            <span [ngStyle]="tagData.data?.headDiv?.thirdRowBox?.left?.labelCssStyle | styleFilter">{{tagData.data?.headDiv?.thirdRowBox?.left?.label}}</span>
          </div>
          <div class="right">
            <span [ngStyle]="tagData.data?.headDiv?.thirdRowBox?.right.cssStyle | styleFilter">{{tagData.data?.headDiv?.thirdRowBox?.right?.label}}</span>
          </div>
        </div>
      </div>
    </div>
  </ng-container>

  <div [ngStyle]="tagData.data?.headDiv?.contentBox?.cssStyle|styleFilter" *ngIf="listData && listData.length > 0">
    <div *ngIf="tagData.data?.headDiv?.dataTitle?.firstText?.label && listData.length > 0" [ngStyle]="tagData.data?.headDiv?.dataTitle?.firstText?.cssStyle | styleFilter"
     class="dataTile">{{tagData.data?.headDiv?.dataTitle?.firstText?.label}}</div>
    <ng-container *ngFor="let item of listData">
      <div class="content-box" [ngStyle]="item.dateItemBox?.single?.cssStyle|styleFilter">
        <div class="recomment-bg2" [ngStyle]="item.dateItemBox?.single?.recommendBg2cssStyle|styleFilter">
          <div class="item-right" [ngStyle]="item.dateItemBox?.single?.itemRightcssStyle|styleFilter">
            <div class="item-top-one" *ngIf="item.negativeRowLeft?.firstText" [ngStyle]="item.negativeRowLeft?.firstText?.cssStyle|styleFilter">{{item.negativeRowLeft?.firstText?.label}}</div>
            <div class="item-top-two" *ngIf="item.zeroRowLeft?.firstText" [ngStyle]="item.zeroRowLeft?.firstText?.cssStyle|styleFilter">{{item.zeroRowLeft?.firstText?.label}}</div>
            <div class="item-title" *ngIf="item.firstRowLeft"
              [ngStyle]="item.firstRowLeft?.firstBox?.cssStyle | styleFilter">
              <div *ngIf="item.firstRowLeft" [ngStyle]="item.firstRowLeft?.firstBox?.leftBoxCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.firstRowLeft.linkInfo, $event)">
                <span *ngIf="item.firstRowLeft?.title?.label"
                  [ngStyle]="item.firstRowLeft?.title?.cssStyle | styleFilter">{{item.firstRowLeft?.title?.label}}</span>
                <span *ngIf="item.firstRowLeft?.firstText?.label"
                  [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
                <span *ngIf="item.firstRowLeft?.secondText?.label"
                  [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                <span *ngIf="item.firstRowLeft?.thirdText?.label"
                  [ngStyle]="item.firstRowLeft?.thirdText?.cssStyle | styleFilter">{{item.firstRowLeft?.thirdText?.label}}</span>

                <img *ngIf="item.firstRowLeft?.firstText?.img" [src]="item.firstRowLeft?.firstText?.img"[ngStyle]="item.firstRowLeft?.firstText?.imgCssStyle | styleFilter" />
              </div>
              <div *ngIf="item.firstRowRight" [ngStyle]="item.firstRowLeft?.firstBox?.rightBoxCssStyle | styleFilter">
                <span *ngIf="item.firstRowRight?.firstText?.label"
                  [ngStyle]="item.firstRowRight?.firstText?.cssStyle | styleFilter">{{item.firstRowRight?.firstText?.label}}</span>
                <span *ngIf="item.firstRowRight?.secondText?.label"
                  [ngStyle]="item.firstRowRight?.secondText?.cssStyle | styleFilter">{{item.firstRowRight?.secondText?.label}}</span>
              </div>
            </div>
            <div class="item-mid" *ngIf="item.secondRowLeft||item.secondRowRight"
              [ngStyle]="item.secondRowLeft?.firstBox?.cssStyle | styleFilter">
              <div class="item-s-left" *ngIf="item.secondRowLeft"
                [ngStyle]="item.secondRowLeft?.firstBox?.leftBoxCssStyle | styleFilter">

                <img class="leftIcon" *ngIf="item.secondRowLeft?.icon?.url" [src]="item.secondRowLeft?.icon?.url"
                  onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670654856261d53d96cd3237da9b2bd8c2556c61cb9e.png'"
                  [ngStyle]="item.secondRowLeft?.icon?.urlCssStyle|styleFilter" />

                <span *ngIf="item.secondRowLeft?.firstText?.label"
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
                <div class="spline" *ngIf="item.secondRowLeft?.secondText"
                  [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter"></div>
                <span *ngIf="item.secondRowLeft?.thirdText?.label"
                  [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
              </div>
              <div class="item-s-right" *ngIf="item.secondRowRight"
                [ngStyle]="item.secondRowLeft?.firstBox?.rightBoxCssStyle | styleFilter">
                <span *ngIf="item.secondRowRight?.firstText?.label"
                  [ngStyle]="item.secondRowRight?.firstText?.cssStyle | styleFilter">{{item.secondRowRight?.firstText?.label}}</span>
              </div>
            </div>
            <div class="item-mid" *ngIf="item.thirdRowLeft||item.thirdRowRight"
              [ngStyle]="item.thirdRowLeft?.firstBox?.cssStyle | styleFilter">
              <div class="item-s-left" *ngIf="item.thirdRowLeft">
                <span *ngIf="item.thirdRowLeft?.firstText?.label"
                  [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.label}}</span>
                <div class="spline" *ngIf="item.thirdRowLeft?.secondText"
                  [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter"></div>
                <span *ngIf="item.thirdRowLeft?.thirdText?.label"
                  [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft?.thirdText?.label}}</span>
              </div>
              <div class="item-s-right" *ngIf="item.thirdRowRight">
                <span *ngIf="item.thirdRowRight?.firstText?.label"
                  [ngStyle]="item.thirdRowRight?.firstText?.cssStyle | styleFilter">{{item.thirdRowRight?.firstText?.label}}</span>
                <span *ngIf="item.thirdRowRight?.firstText?.value"
                  [ngStyle]="item.thirdRowRight?.firstText?.valueCssStyle | styleFilter">{{item.thirdRowRight?.firstText?.value}}</span>

                <img *ngIf="item.thirdRowRight?.chatBtn?.icon" [ngStyle]="item.thirdRowRight?.chatBtn?.cssStyle | styleFilter" [src]="item.thirdRowRight?.chatBtn?.icon" appDebounceClick (debounceClick)="openPage(item.thirdRowRight?.link, $event)">
                <img *ngIf="item.thirdRowRight?.phoneBtn?.icon" [ngStyle]="item.thirdRowRight?.phoneBtn?.cssStyle| styleFilter" [src]="item.thirdRowRight?.phoneBtn?.icon" appDebounceClick (debounceClick)="call($event,item.thirdRowRight?.phoneBtn?.phone, item.thirdRowRight?.phoneBtn?.label)">
              </div>
            </div>
            <div class="item-mid" *ngIf="item.fourthRowLeft||item.fourthRowLeft"
              [ngStyle]="item.fourthRowLeft?.firstBox?.cssStyle | styleFilter">
              <div class="item-s-left" *ngIf="item.fourthRowLeft">
                <span *ngIf="item.fourthRowLeft?.firstText?.label"
                  [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle | styleFilter">{{item.fourthRowLeft?.firstText?.label}}</span>
                <div class="spline" *ngIf="item.fourthRowLeft?.secondText"
                  [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter"></div>
                <span *ngIf="item.fourthRowLeft?.thirdText?.label"
                  [ngStyle]="item.fourthRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft?.thirdText?.label}}</span>
              </div>
              <div class="item-s-right" *ngIf="item.fourthRowRight">
                <span *ngIf="item.fourthRowRight?.firstText?.label"
                  [ngStyle]="item.fourthRowRight?.firstText?.cssStyle | styleFilter">{{item.fourthRowRight?.firstText?.label}}</span>
                <span *ngIf="item.fourthRowRight?.firstText?.value"
                  [ngStyle]="item.fourthRowRight?.firstText?.valueCssStyle | styleFilter">{{item.fourthRowRight?.firstText?.value}}</span>
            
                <img *ngIf="item.fourthRowRight?.chatBtn?.icon" [ngStyle]="item.fourthRowRight?.chatBtn?.cssStyle | styleFilter"
                  [src]="item.fourthRowRight?.chatBtn?.icon" appDebounceClick (debounceClick)="openPage(item.fourthRowRight?.link, $event)">
                <img *ngIf="item.fourthRowRight?.phoneBtn?.icon" [ngStyle]="item.fourthRowRight?.phoneBtn?.cssStyle| styleFilter"
                  [src]="item.fourthRowRight?.phoneBtn?.icon"
                  appDebounceClick (debounceClick)="call($event,item.fourthRowRight?.phoneBtn?.phone, item.fourthRowRight?.phoneBtn?.label)">
              </div>
            </div>
            <div class="item-third" [ngStyle]="item.contentRow?.firstText?.cssStyle|styleFilter">
              {{item.contentRow?.firstText?.label}}
            </div>
            <div class="apply-imgs" *ngIf="item.imgsRow">
              <ng-container *ngFor="let img of item.imgsRow; let i = index">
                <img class="img" src="{{img}}">
              </ng-container>
            </div>
            <div class="item-fourth" [ngStyle]="item.linkLabels">
              <ng-container *ngFor="let subItem of item.linkLabels">
                <span [ngStyle]="subItem.link?.params?.cssStyle|styleFilter" class="spanPosition"
                  appDebounceClick (debounceClick)="detailPage(subItem.link)">{{subItem.label}}
                  <ng-container *ngIf="subItem.RedDot">
                    <i></i>
                  </ng-container>
                </span>
              </ng-container>
            </div>
          </div>
        </div>
        <hr class="dividing-line" [ngStyle]="tagData.data?.headDiv?.box?.outerBoxCssStyle|styleFilter">
        <div class="fourthRight marginR125"
          *ngIf="item.fourthRowRight &&  item.fourthRowRight.iconList && tagData.style===tagData.name">
          <ng-container *ngFor="let icons of item.fourthRowRight.iconList, let i = index">
            <span class="icon-label-bg">
              <img class="icon-label-bg-img" appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
              <p *ngIf=" icons.label && icons.label.length > 0" class="icon-label">
                {{icons.label}}
              </p>
            </span>
          </ng-container>
        </div>
      </div>
    </ng-container>
  </div>
</section>
<p class="noData" *ngIf="listData.length === 0">
  {{tagData.hint}}
</p>
<ion-infinite-scroll *ngIf="tagData.data.submit && pageTotal &&  (pageSize * pageNo < pageTotal) " threshold="5%"
  (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>